body{ font-size: 16px;}
.w80{ width: 1300px; margin: 0 auto;}
.w90{ width: 90%; margin: 0 auto;}
/*div{text-align: justify;}*/



.idxbrand{ height:650px; overflow:hidden;}

.banImg{ width: 100%; height: 100vh; object-fit: cover;}
.idxClass{background-color: #eaf3f9;}
.ClassItem { height: calc(100vh - 100px);  border-right: 1px solid #fff;}
.ClassItem a{justify-content: center; }
.ClassItem div{ transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.ClassItem .icon2{ display: none;}
.ClassItem .icon-jiahao1{ color: #777; width: 30px;}
.ClassItem .more{opacity: 0;}
.indxmore{ margin-left:20px; width: 150px; transition: all .36s; height:40px; border-radius: 25px; border-color: #fff; -webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px; -webkit-animation: rightTop .3s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.ClassItem:hover  a{  padding-bottom: 20%; }
.ClassItem:hover .more{ opacity: 1;}
.hoverxf {
     position: absolute;
     width: 25%;
     left: 0;
     height: 100%;
     opacity: 0;
     background: #eaf3f9;
     transition: all .5s ease;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -ms-transition: all .5s ease;
     -o-transition: all .5s ease;


   
 }
 
 .classWrapper:hover .hoverxf {
      background: linear-gradient(135deg, #5db6f0  , #0071ba  ); opacity: 1;

 
 }  
 .ClassItem:hover .icon1{ display: none;}
 .ClassItem:hover .icon2{ display: block;}
 .ClassItem:hover{ color: #fff;}
 .ClassItem:hover .icon-jiahao1{ color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
 .brandImg .img img{min-height: 80vh; width: 100%; object-fit: cover;}
.brandImg .img{display: none;transition: all .36s;animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);-webkit-animation: scaleIn 2s forwards cubic-bezier(0.4, 0, 0.49, 0.93);}
.brandImg .img.on{ display: block;}
.brandImg .img span{ position: absolute; top: 0; left: 0;  background-image: linear-gradient(to right,#1074bc,transparent); width: 100%; height: 100%;z-index: 2;}

.idxbrand .top{ position: absolute; top: 0; left: 0; width: 100%; height: 28%; z-index: 5; border-bottom: 1px dashed rgba(255, 255, 255, 0.4);}
.brandIconUl li img{/*max-width: 100%; max-height: 100%;*/ height:70px;}
.brandIconUl li{cursor: pointer;  height: 100%;  text-align: center; position: relative;}
.brandIconUl li::after{display: block; content: '' ; width: 30px; height: 30px; position: absolute; bottom: -15px; left: 50%; margin-left: -15px; background: url(../images/icon5.png) no-repeat center center;}
.brandIconUl li.on::after{ background: url(../images/icon5H.png) no-repeat center center; background-size: 100% 100%;}

 
.brandItem{ height: 80px !important;}
.brandItem img{max-width: 100%; max-height: 30px; }
.brandItem{cursor: pointer;  height: 100%;  text-align: center; position: relative;}
.brandItem::after{display: block; content: '' ; width: 10px; height: 10px; position: absolute; bottom: 0; left: 50%; background-size: 50% auto; margin-left: -5px; background: url(../images/icon5.png) no-repeat center center;}
.brandItem.swiper-slide-active::after{ background: url(../images/icon5H.png) no-repeat center center; background-size: 100% 100%;}



.idxbrand .bot{height: 70%; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 5;}
.brandTxtUl{ padding-top:60px;}
.brandTxtUl li{ animation: rightBottom .6s; -webkit-animation: rightBottom .6s; display: none; }
.brandTxtUl li.on{ display: block;}


/*首页新闻*/
.newItem em{ background-color: #0071ba; width: 0; height: 1px; background-color: #0071ba;}
.indxmore:hover{ background-color: #0071ba; border-color: #0071ba; box-shadow: 0 0 10px rgba(255, 255, 255, 0.5); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.newItem:hover { color: #0071ba;}
.newItem .img{ height:200px; overflow:hidden;}
.newItem:hover .img img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ;  }
.newItem:hover em{ width: 25px; margin-right: 5px;}
.newItem:hover .more{ color: #0071ba;}

footer{ background-color: #0071ba; color: #fff;}
footer .top{ border-bottom: 1px solid rgba(255, 255, 255, 0.15);}

.foottel i{ background-color: rgba(255, 255, 255, 0.2); width: 40px; height: 40px; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; }
.foottel  em{ background-color: rgba(255, 255, 255, 0.2); padding: 0 25px; height: 40px; border-radius:20px ;}
.footlogo{ width: 25%;}
.fnava{ width: 18%; text-align: center;}

.footright{ width: 70%;}
.color-white6{ color: rgba(255, 255, 255, 0.6);}
.fnava.duan{ width: 12%;}
.foottel{ width: 22%; }
.footeEwm{ width: 135px;}
.fnava a{ color: rgba(255, 255, 255, 0.6); display: block; text-align: center; white-space: nowrap;}
.fnava{ white-space: nowrap;}
footer  a:hover{ color: #fff;}
 


.page-aside {
	position: fixed;
	right: -6px;
	bottom: 180px;
	transform: translateX(100%);
	z-index: 100;
	opacity: 0;

	transition: transform .3s, opacity .3s;
	-webkit-transition: transform .3s, opacity .3s;
	-moz-transition: transform .3s, opacity .3s;
	-ms-transition: transform .3s, opacity .3s;
	-o-transition: transform .3s, opacity .3s;
}

.page-aside.show {
	transform: translateX(0);
	opacity: 1
}

.page-aside .img {
	max-width: 100%
}

.page-aside-item {
	width: 54px;
	text-align: center;
	height: 50px;
	position: relative;
	z-index: 1;
	cursor: pointer;
	display: block;
	background-color: rgba(0, 0, 0, .5);
	margin: 4px 0;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	padding-right: 6px;
	transition: transform .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.page-aside-item .icon {
	width: 24px
}

#toolbar{ position: fixed; bottom: 0; left: 0; width: 100%; z-index: 10001; display: none;}
#toolbar a {
    width: 33.3%;
   padding: 10px 0;
    text-align: center;
   color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
#toolbar img{ height: 20px; margin-bottom:5px;}
.neiBantxt{ position: absolute; left: 0; top: 0;background-image: linear-gradient(to bottom,rgba(0,0,0,0.4), transparent); padding-left: 10%; justify-content: center;}
.neiBantxt .line{ width: 50px; height: 4px; }
.sedNav { position: relative; z-index: 10; margin-top: -50px; box-shadow: 0 0 10px rgba(0, 0, 0, .15);  white-space: nowrap;} 
.sedNav a{ color: #aaa; line-height: 100px; flex: 1; }
.sedNav a::before{ width: 2px; height: 18px; position: absolute; right: 0; top:50%; display: block; content: ''; background-color: #e5e5e5; margin-top: -9px;}
.sedNav a.on{ background-color: #0071ba; color: #fff;}
.sedNav a.on::before{ display: none;}
.sedNav a span::after{ display: block; content: '' ; transition: all .36s; transform: translateY(-20PX); opacity: 0; width: 30px; height: 3px; background-color: #8ac43f; position: absolute; bottom: 25px; left: 50%; margin-left: -15px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; -webkit-transform: translateY(-20PX); -moz-transform: translateY(-20PX); -ms-transform: translateY(-20PX); -o-transform: translateY(-20PX); }
.sedNav a:hover span::after,.sedNav a.on span:after{ transform: translateY(0); opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.sedNav a:last-child::before{ display: none;}
.researchtip{   padding: 12px 40px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;  }
.system .pic::after{ width: 40%; height: 80%;  background-color: #f5fafe; position: absolute; top: -30px; right: 0; display: block; content: ''; z-index: -1;}
.systemImg{ width: 95%; min-height: 100%; object-fit: cover;}
.researchtip:hover{ background-color: #0071ba; color: #fff; box-shadow: 0 0 10px rgba(0, 113, 186, 0.2);}

.induce{ margin-top: -140px; background: url(../images/bg1.jpg) no-repeat center center; background-size: cover;}
.induceItem{ border-radius: 30px; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.induceItem .top{  height: 100px;}
.induceItem .txt{ height: 300px;}
.standard{ background: url(../images/bg2.jpg) no-repeat left top; background-size: 50%  100%;}
.researchtit::after{ width: 18%; height: 2px; position: absolute; bottom: -1px; left: 0; display: block; content: ''; background-color: #0071ba; }
.standard  .w48{ border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }
.basics{ background: url(../images/bg3.jpg) no-repeat center center ; background-size: cover;}

.innovate{ background: url(../images/bg4.jpg) no-repeat center center; background-size: cover;}
.innovate .img{ width: 34%;}
.innovate .txt{ width: 66%;}

.cellSection1{ background: url(../images/bg5.jpg) no-repeat center center; background-size: cover;}
.cellSection1 .img img{ width: 30%;}
.cellSectionBox{ width: 63%;  }
.cellTwoUL li{ background-color: #0071ba; position: absolute; color: #fff; padding: 10px 40px; box-shadow: 0 5px 10px rgba(0, 113, 186, 0.4) ; display: inline-block; border-radius: 40px; -webkit-border-radius: 40px; -moz-border-radius: 40px; -ms-border-radius: 40px; -o-border-radius: 40px; }
.cellTwoUL li:nth-child(1){left: -100px; top: 3%;}
.cellTwoUL li:nth-child(2){left: -23%; top: 22%;}
.cellTwoUL li:nth-child(3){left: -25%; top: 46%;}
.cellTwoUL li:nth-child(4){left: -23%; top: 69%;}
.cellTwoUL li:nth-child(5){left: -10%; top: 88%;}

.cellTwoUL li:nth-child(6){right: -10%; top: 3%;}
.cellTwoUL li:nth-child(7){right: -23%; top: 22%;}
.cellTwoUL li:nth-child(8){right: -25%; top: 46%;}
.cellTwoUL li:nth-child(9){right: -23%; top: 69%;}
.cellTwoUL li:nth-child(10){right: -10%; top: 88%;}

.cellThere{ background: url(../images/bg6.jpg) no-repeat center center; background-size: cover;}
.cellFour{ background: url(../images/bg7.jpg) no-repeat center center; background-size: cover;}

.cellFourItem .txt::after{ width: 0; height: 2px; background-color: #0071ba; z-index: 2; display: block; content: ''; position: absolute; top: 0; left: 0; transition: all .36s; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.cellFourItem:hover img{ transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
.cellFourItem:hover .txt::after{ width: 100%;}

.cellFive{ background: url(../images/bg8.jpg) no-repeat top center; background-size: cover;}
.cellFive .img{ width: 57%;}
.cellFiveRen{ position: absolute; top: 50%; left: 50%; width: 17%; transform: translate(-50%,-50%); z-index: 5; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }

.immuneOne .txt .title{ height: 60px; border-radius: 30px; position: absolute; left: 25px; top : -15px; line-height: 60px; color: #fff; padding-left: 25px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
.immuneOne .txt .title img{  position: absolute; bottom: 0; right: -1px;}
 
.immuneOne .left ul li{ position: absolute;}
.immuneOne .left ul li img{   max-width: 120px;}
.immuneOne .left ul li:nth-child(1){top: 3%; left: 75%;}
.immuneOne .left ul li:nth-child(2){top: 26.7%; left: 89.5%;}
.immuneOne .left ul li:nth-child(3){top: 55%; left:89.5%;}
.immuneOne .left ul li:nth-child(4){top: 77%; left:74.6%;}
.immuneOne .left ul li:nth-child(5){top: 90%; left:50%;}

.immuneOneUl{ padding-left: 90px; margin-top: -40px;}
.immuneOneUl li{ padding-bottom: 5px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
 margin-bottom: 80px; }
.immuneOneUl li:nth-child(2),.immuneOneUl li:nth-child(3){ margin-left: 120px;}
.immuneOneUl li:last-child{ margin-bottom: 0;}
.immuneTwo{ background: url(../images/bg9.jpg) no-repeat center  center; background-size: cover;}
.bg10{ width: 39%; position: absolute; bottom: 0; right: 0; z-index: 1;}
.immuneTwo .w80{ position: relative; z-index: 5;}

.immuneThere{background: url(../images/bg11.jpg) no-repeat center center; background-size: cover; height: 380px;}
.immuneFour{background: url(../images/bg12.jpg) no-repeat center center; background-size: cover; }
.immuneFour .title{ height: 60px; line-height: 60px; text-align: center; border-radius:30px ; padding: 0 40px; -webkit-border-radius:30px ; -moz-border-radius:30px ; -ms-border-radius:30px ; -o-border-radius:30px ; }

.immuneFourUl{ justify-content: center; align-items: flex-start; }
.immuneFiveLine{ position: absolute; top: 0; right: 0;}
.immuneFiveLine em{ width: 60px; height: 3px; display: inline-block; margin-right: 15px;}
.immuneFiveSpan{ position: absolute; z-index: 10; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.immuneFiveSpan::after{ display: block; content: '';border-width: 10px 10px 0 10px;border-style: solid;    border-color: #fff transparent transparent transparent;position: absolute;
	bottom: -10px;left: 50%;
    margin-left: -10px;}
.immuneFiveSpan3::after{ display: block; content: '';border-width:0 10px 10px  10px;border-style: solid;    border-color:  transparent transparent #fff transparent;position: absolute;
		top: -10px;left: 50%; bottom: auto;
		margin-left: -10px;}
.immuneFiveSpan1{ left:11%; top: -8%;}
.immuneFiveSpan2{ left:35%; top: 25%;}
.immuneFiveSpan3{ left:66%; top: 20%;}
.immuneSix{background: url(../images/bg13.jpg) no-repeat center center; background-size: cover; }
.immuneSix .w80{  justify-content: flex-end;}
.imgT{ width: 27%;}
.immuneSix  .line{ width: 100px; height: 3px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }

.somaticOne{ background: url(../images/bg14.jpg) no-repeat center center; background-size: cover;}
.somaticOne ul li{ width: 22.2%; margin-right: 3.7%;   transition:all .36s ; margin-bottom: 40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.somaticOne ul li:nth-child(4n){ margin-right: 0;}
.somaticOne ul li span{padding: 20px 10px;text-align: center;position: absolute;width: 50px;left: -25px;
background: url(../images/bg15.png) no-repeat center center; background-size: 100% 100%;	top: 10%; 
}
.somaticOne ul li::after{   width: 0; transition: all .36s; height: 5px; background-color: #0071ba; display: block; content: ''; position: absolute; bottom: 0; left: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.somaticOne ul li:hover{ box-shadow: 0 0 10px rgba(0, 113, 186, 0.4); transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -ms-transform: scale(0.95); -o-transform: scale(0.95); }
.somaticOne ul li:hover::after{ width: 100%;}
.tetTIt{ display: inline-block; border-radius: 30px 30px 30px 0; -webkit-border-radius: 30px 30px 30px 0; -moz-border-radius: 30px 30px 30px 0; -ms-border-radius: 30px 30px 30px 0; -o-border-radius: 30px 30px 30px 0; }
.somaticTwo .input{ border-radius: 35px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }

.aboutOne::after{ background-color: #0071ba; content: ''; display: block; position: absolute; bottom: 0; right: 0; width: 20%; height: 50%; z-index: 1;}
.aboutOne .line{ width: 50px; height: 3px;  background-color: #8ac43f;}
.aboutOne .w80{ position: relative; z-index: 5;}

.w70{ width: 70%; margin: 0 auto;}

.aboutTwo{ background: url(../images/bg16.jpg) no-repeat center center; background-size: cover;}
.aboutTwo .bg-white{ width: 400px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.aboutTwo .bg-white span.bg-blue{ margin: 0 auto; line-height: 50px; margin-top: -25px; display: inline-block; padding: 0 42px; border-radius: 25px; 
	-webkit-border-radius: 25px; -moz-border-radius: 25px; -ms-border-radius: 25px; -o-border-radius: 25px;  }
.aboutTwo .line{ width: 300px; height: 1px;}
.aboutTwo ul li{ position: absolute;}
.aboutTwo ul li:nth-child(1){ top: 0; left: 15%;}
.aboutTwo ul li:nth-child(2){ top: 50%; transform: translateY(-50%) !important; left:5%; -webkit-transform: translateY(-50%) !important; -moz-transform: translateY(-50%) !important; -ms-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; }
.aboutTwo ul li:nth-child(3){ bottom: 0; left:  15%;}

.aboutTwoImg{ width: 40%;}
.joinOne .txt{ background: rgba(255, 255, 255, 0.65); width:45%; position: absolute; left: 5%; top: 20%;  }


.tjBnt{ width: 18%;}
.joinlist dt{ background-color: #eaf3f9;}
.joinlist dt .click{ width: 60px; height: 60px; background: url(../images/jia.png) no-repeat center center #0071ba; background-size: 40% auto; }
.joinlist dd{ display: none;}
.joinlist dl.on .click{  background: url(../images/jian.png) no-repeat center center #0071ba; background-size: 40% auto; }

.laboratoryOne{ background: url(../images/bg16.jpg) no-repeat center center; background-size: cover;}
.thirdNav a{ height: 70px; background-color: #fff; line-height: 70px; box-shadow: 0 0 10px rgba(0, 0, 0, .2); padding: 0 65px; border-radius: 35px; margin: 0 15px; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px; }
.thirdNav a.on{ background-color: #0071ba; color: #fff; box-shadow: 0 0 10px rgba(0, 113, 186, 0.2);}

.laboratoryOneTxt{ margin-top: -250px; position: relative; z-index: 5;}
.laboratoryTwo{  background: url(../images/bg17.jpg) no-repeat center top; background-size: cover;}
.laboratoryTwo .TOP{ padding-left: 10%;}
.laboratoryTwo .TOP .img{ width: 26%;}
.laboratoryTwo .TOP .txt{ width: 68%; border-radius: 80px 0 0 0; -webkit-border-radius: 80px 0 0 0; -moz-border-radius: 80px 0 0 0; -ms-border-radius: 80px 0 0 0; -o-border-radius: 80px 0 0 0; }

.teamlist li{ width: 48%; transition: all .36s; margin-right: 4%; margin-bottom: 40px; background-color: #f5fafe; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.teamlist li:nth-child(2n){ margin-right: 0;}
.teamlist li img{ width:32%;}
.teamlist li .txt{ width: 60%;}
.teamlist li .txt em{ background-color: #555; width: 50px;transition: all .36s;  height: 2px; margin-right: 15px;}
.teamlist li:hover{ color: #0071ba;  box-shadow: 0  0 10px rgba(0, 113, 186, 0.2);}
.teamlist li:hover em{ background-color: #0071ba; width: 85px;}

.teampop{ display: none;   width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 10000;}
.popbg{background: rgba(0, 0, 0, .8); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10;}
.popcon{ width: 80%; left: 10%; top: 50%; transform: translateY(-50%); position: absolute; z-index: 20; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.popcon .img{ width: 30%; height: 480px; object-fit: cover;}
.popcon .txt{ width: 65%;}
.popcon .close{ position: absolute; top: 30px ; right:60px;}

 
.scollCon{ max-height: 400px; overflow-y: scroll;   }
.scollCon::-webkit-scrollbar {/*滚动条整体样式*/    /*高宽分别对应横竖滚动条的尺寸*/  width: 3px;}
.scollCon::-webkit-scrollbar-thumb {/*滚动条里面小方块*/border-radius: 3px; background: #0071ba; width: 3px; }
.scollCon::-webkit-scrollbar-track {/*滚动条里面轨道*/border-radius: 3px; background: #f2f5f9; width: 3px; }

#teamSwiper .swiper-slide{ padding-left: 2px;}
.teampop .prev,.teampop .next{ cursor: pointer; position: absolute; width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.teampop .prev{  left: -100px;top: 50%; margin-top: -30px;}
.teampop .next{  right: -100px;top: 50%; margin-top: -30px;}
.teampop .prev:hover,.teampop .next:hover{ color: #fff; background-color: #0071ba;}

.teampop .swiper-button-disabled{ opacity: 0.4;}
.map{  width: 100%; height: 600px;}

.zanwei{ height: 100px;}

.searchform .keys{ width: 640px; height: 74px; line-height: 74px; padding: 0 20px;}
.searchform .submitbtn{ background: url(../images/search-w.png) no-repeat center center  #0071ba; background-size:  ; width: 74px; height: 74px; cursor: pointer;}

.searchlist  a::before{ width: 0; transition:all .56s ; height: 1px; display: block; content: ''; background-color: #0071ba; position: absolute; bottom: 0; left: 0; -webkit-transition:all .56s ; -moz-transition:all .56s ; -ms-transition:all .56s ; -o-transition:all .56s ; }
.searchlist .text{ width: 85%;}
.searchlist  .text .tip{ border: 1px solid #0071ba; transition:all .36s ; color: #0071ba; font-size: 16px; padding: 1px 15px; -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ; }
.searchlist .icon{ width: 50px; height: 50px; border-radius:50% ; -webkit-border-radius:50% ; -moz-border-radius:50% ; -ms-border-radius:50% ; -o-border-radius:50% ; }
.searchlist a:hover::before{ width: 100%;}
.searchlist a:hover{ color: #0071ba;}
.searchlist a:hover .text .tip{ background-color: #0071ba; color: #fff; border-color: #0071ba;}
.searchlist a:hover .icon{background-color: #0071ba; border-color: #0071ba; color: #fff;}

.newslist li .img{ width: 26%;}
.newslist li .img img{ width: 100%; height: 255px; object-fit: cover;}
.newslist li .txt{ width: 70.8%;}
.newslist li .txt .left{ width: calc(100% - 120px);}
.newslist li .yuan{ background-color: #f5fafe; width: 60px; height: 60px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.newslist li::after{ width: 0; transition: all .36s; height: 2px; background-color: #0071ba; content: ''; display: block; content: ''; position: absolute; bottom: 0; left: 0; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newslist li:hover::after{ width: 100%;}
.newslist li .yuan i{ position: relative; z-index: 5;}
.newslist li .yuan::after{ width: 100%; height: 100%; position: absolute; top: 0; transition:all .36s ; left: 0; border-radius: 50%; z-index: 2; transform: scale(0); background-color: #0071ba; display: block; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); -webkit-transition:all .36s ; -moz-transition:all .36s ; -ms-transition:all .36s ; -o-transition:all .36s ;
}
.newslist li:hover .yuan::after{ transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }
.newslist li:hover .yuan i{ color: #fff;}
.newslist li:hover{ color: #0071ba;}
.newslist li .more em{ transition: all .36s; width: 0;height: 2px; background-color: #0071ba; -webkit-transition: all .36s; -moz-transition: all .36s; -ms-transition: all .36s; -o-transition: all .36s; }
.newslist li:hover .more em{ width: 50px; }
.newslist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }

.newsBan{ background: url(../images/bg18.jpg) no-repeat center center; background-size: cover; }
.newsLeft{ width: 70%;}
.newsRight{ width: 25%; border-left: 1px solid #e5e2f0;}
.newsInfo img{   margin: 5px auto;}
.newsRightPage a{ display: block;}
.newsRightPage a:last-child{ margin-top:25px;}
.tjlist .txt{ width: calc(100% - 120px);}
.tjlist .img img{ object-fit: cover; width: 100px; height: 80px;}
.tjlist li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.tjlist li:hover { color: #0071ba; border-color: #0071ba;}

.antifadingOne{ background: url(../images/bg19.jpg) no-repeat top right; background-size: 70% 100%;}
.antifadingOne .line{ height: 4px; width: 100px;}
.antifadingOne dt{ white-space: nowrap; width: 115px;}
.antifadingOne dd{ width: calc(100% - 115px);}

.antifadingTwo{ background: url(../images/bg20.jpg) no-repeat center center; background-size: cover;}
.antifadingTwo .left{ width: 27%;background: url(../images/bg21.jpg) no-repeat center center; background-size: cover;}
.antifadingTwo .right{ width: 73%;background: url(../images/bg21.png) no-repeat right bottom #fff; background-size: auto 90%;}

.antifadingThere .left{ width: 27%; }
.antifadingThere .right{ width: 73%;  background-color: #f5fafe;}
.antifadingThere .left li{ cursor: pointer; color: #888; padding-left: 65px; padding-top: 124px; position: relative;}
.antifadingThere .left li::before{ width: 1px; height: 100%; display: block; content: ''; background-color: #e5e5e5; position: absolute; left: 32px; top: -22px;}
.antifadingThere .left li::after{ width: 12px; height: 12px; border-radius: 50%; display: block; z-index: 10; content: ''; background-color: #e5e5e5; position: absolute; left: 26px; bottom:11px;  -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.flower{ width: 65px;}
.antifadingThere .left li.on{ color: #0071ba;}
.antifadingThere .left li.on::after,.antifadingThere .left li.on::before{ background-color: #0071ba;}

.w62{  width: 62%;}
 .w30{ width: 30%;}

 .zw{ margin-top: -100px; padding-top: 100px;}

 
.popup{ position: fixed; top: 0; left: 0; z-index: 99999;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000; width: 100%; height: 100%; display: none; font-size: 16px;}
.popup-table-type{ display: table;  text-align: center; width: 100%; height: 100%;}
.popup-table-cell{ display: table-cell; vertical-align: middle; height: 100%; width: 100%;}
.popup-container{ box-shadow: 0 0 10px 10px rgba(0,0,0,0.11);width: 90%; max-width: 1100px; margin:auto; padding: 0; position: relative; display: inline-block; border-radius: 10px;}
.popup-container .map{border-radius: 15px; overflow: hidden; max-width: 100%;}
.popup-container .map .con{position: absolute; bottom: 0; left: 0; width: 100%; z-index: 6; background: #fff; color: #333; padding: 15px 20px; text-align: left;}
.popup-container .map .con .h3{font-size: 20px; font-weight: bold;}
.popup-container .map .con .p{font-size: 16px;}
.popup .closed{ position: absolute;top: -30px; right: -30px; cursor: pointer; background: #000; border-radius: 100%; padding: 10px;}
.popup .closed:before{ content: "×"; font-family: "宋体"; font-size: 30px; color: #fff; line-height: 30px; }
@media (max-width:640px) {
    .popup .closed{ right: 0;}
	
}

.inputbox{ position:relative; line-height:44px;}
.inputbox label{ position:absolute; left:0; padding: 0 10px; color:#bfbfbf; z-index: 0; font-size: 16px;}
.inputbox .text{ width:100%;  line-height:44px;height:44px; padding:0 10px;border-radius:3px; border:1px solid #e4e4e4; background:none; position: relative; z-index: 2; font-size: 16px;transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;
}
.inputbox .text:focus{ border-color:#0071ba;}

.jobpopup .popup-container{background:none;box-shadow:none; max-width: 720px;}
.jobpopup .popup-con{border-radius: 10px; overflow: inherit; background: #fff;padding-bottom: 62px;}
.jobpopup .closed{top: 2%; right: 8%; background: none;  z-index: 205;}
.jobpopup .closed:before{color: #333;}
.jobformbox{ display: none;}
.jobform .form-tit{ border-bottom: 1px solid #eee; color: #333; font-size: 24px; text-align: left; padding: 18px 10%;}
.jobform form{padding: 3% 10% 0% 10%;}
.jobform .item{text-align: left; margin-bottom: 15px;}
.jobform .item2 .selectbox{width: 48%;float: left;}
.jobform .item2 .selectbox:last-child{float: right;}
.jobform .selectbox select{display: block; background: #f9f9f9; height: 55px; padding: 10px; line-height: 30px; width: 100%; border: none; color: #999; font-size: 16px;}
.jobform .name{color: #333; font-size: 18px;}
.jobform .inputbox { position: relative; cursor: text; width: 100%; height: 50px; padding: 10px; line-height: 30px; font-size: 16px; background: #f9f9f9;}
.jobform .inputbox span.tit { position: absolute; color: #999; top: 10px; left: 10px;}
.jobform .inputbox input.text ,.jobform .inputbox select.text{ border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;padding:0;}
.jobform .file-filestyle{ line-height: 30px; font-size: 16px; }
.jobform .file-filestyle input.text { border: none; background: none; display: block; width: 100%; height: 30px; font-size: 16px;}
.jobform .file-filestyle span.tit { color: #333; display:block; margin-bottom:15px; }
.jobform .file-filestyle .filebtn{position:relative; width: 85px; height: 80px; border:2px solid #ededed; display:inline-block; font-size:0; text-align: center; line-height: 50px; cursor: pointer;}
.jobform .file-filestyle .filebtn::before,
.jobform .file-filestyle .filebtn::after{ position:absolute; content:''; background:#ededed;}
.jobform .file-filestyle .filebtn::before{ left:20%; width:60%; height:3px; top:50%; margin-top:-1px;}
.jobform .file-filestyle .filebtn::after{ left:50%; margin-left:-1px; width:3px; top:20%; height:60%;}
.jobform .btns{padding-top: 0; text-align: center;position: absolute;bottom: -45px;left: 50%;margin-left: -85px;margin-left: -50px;}
.jobform .btn{display: inline-block; background: #0071ba; font-size: 16px; color: #fff; width: 170px; height: 50px; text-align: center; line-height: 50px; border-radius: 55px; border: none; cursor: pointer;}
@media (max-width:640px) {
    .jobform .form-tit{font-size: 20px;}
    .jobform .name,.jobform .inputbox,.jobform .file-filestyle{font-size: 14px;}
    .jobform .inputbox input.text{font-size: 14px;}
    .jobform .inputbox span.tit,.jobform .file-filestyle span.tit{top: 5px;}
    .jobform .inputbox{padding: 5px 10px; line-height: 20px; height: 42px;line-height: 32px;}
    .jobform .file-filestyle{padding: 0 10px; line-height: 20px; height: 30px;}
    .jobform .file-filestyle .filebtn{line-height: 90px;width: 50px;height: 50px;}
    .jobform .btn{font-size:14px; width: 110px;height: 34px;line-height: 34px;border-radius: 30px;}
	.jobform .btns {
	    padding-top: 0;
	    text-align: center;
	    position: absolute;
	    bottom: -45px;
	    left: 50%;
	    margin-left: -50px;
	}
.idxbrand .top{ position: absolute; top: 0; left: 0; width: 100%; height: 11.5%; z-index: 5; border-bottom: 1px dashed rgba(255, 255, 255, 0.4);}	
	
}

.jobform{
	position: relative;
}